<!--
 * @Author: your name
 * @Date: 2019-12-20 13:11:23
 * @LastEditTime : 2019-12-20 15:08:31
 * @LastEditors  : Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /courseware_echarts/07/bar.html
 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body style="background: #1C162E;">
    <div id="main" style="width: 583px;height: 568px;background:url('../rada-bg.png')no-repeat center ;"></div>
    <script src="../echarts.min.js"></script>
    <script>
        var myChart = echarts.init(document.querySelector('#main'))
        var option = option = {

            color: ['#3D91F7', '#61BE67'],
            tooltip: {},


            radar: {
                // shape: 'circle', 
                radius: '100%',

                triggerEvent: true,
                axisLabel: {
                    show: false
                },
                name: {
                    show: false,

                },

                indicator: [{ //[4300, 10000, 28000, 35000, 50000, 19000, 21000]
                        name: '资金周转',
                        max: 6500
                    },
                    {
                        name: '其他',
                        max: 16000
                    },
                    {
                        name: '金融理财',
                        max: 30000
                    },
                    {
                        name: '投资',
                        max: 38000
                    },
                    {
                        name: '个人消费',
                        max: 52000
                    },
                    {
                        name: '固定资产',
                        max: 25000
                    },
                    {
                        name: '生产经营',
                        max: 25000
                    }
                ],
                splitArea: {
                    show: false
                },
                axisLabel: { //展示刻度
                    show: false
                },
                axisLine: { //指向外圈文本的分隔线样式
                    lineStyle: {
                        color: 'rgba(0,0,0,0)'
                    }
                },
                splitLine: {
                    show: false,

                },

            },

            series: [{
                name: '一级权重分析',
                type: 'radar',


                symbolSize: 15,
                lineStyle: {
                    color: '#50A1FF',
                    width: 6
                },
                itemStyle: {
                    color: '#50A1FF'
                },
                tooltip: {
                    show: false
                },
                label: {
                    show: true,
                    backgroundColor: function (p) {
                        console.log(p)
                    }
                },
                data: [{
                    value: [4300, 10000, 28000, 35000, 50000, 19000, 21000],
                    name: '因素',
                    areaStyle: {
                        color: 'rgba(80,161,255,.1)'
                    },
                }]
            }]
        }
        myChart.setOption(option);
    </script>
</body>

</html>